<template>
  <router-link
    v-for="({ to, img, title, introduction, time }, index) in reportItems"
    :key="index"
    class="report-list"
    :to="to"
  >
    <img :src="img" />
    <div class="report-list-title">
      <h4>{{ title }}</h4>
      <p>
        {{ introduction }}
        <span>{{ time }}</span>
      </p>
    </div>
  </router-link>
</template>

<script setup lang="ts">
import reportImg from '@/assets/images/report.jpg'

const reportItems = [
  {
    to: '/report-info',
    img: reportImg,
    title: '开鑫科技“产业金融大数据平台”入选省级大数据产业发展试点示范项目',
    introduction: '搭建数据与信用的桥梁，助力江苏大数据产业集群持续升',
    time: '2023-05-04',
  },
  {
    to: '/report-info',
    img: reportImg,
    title: '开鑫科技“产业金融大数据平台”入选省级大数据产业发展试点示范项目',
    introduction: '搭建数据与信用的桥梁，助力江苏大数据产业集群持续升',
    time: '2023-05-04',
  },
  {
    to: '/report-info',
    img: reportImg,
    title: '开鑫科技“产业金融大数据平台”入选省级大数据产业发展试点示范项目',
    introduction: '搭建数据与信用的桥梁，助力江苏大数据产业集群持续升',
    time: '2023-05-04',
  },
  {
    to: '/report-info',
    img: reportImg,
    title: '开鑫科技“产业金融大数据平台”入选省级大数据产业发展试点示范项目',
    introduction: '搭建数据与信用的桥梁，助力江苏大数据产业集群持续升',
    time: '2023-05-04',
  },
  {
    to: '/report-info',
    img: reportImg,
    title: '开鑫科技“产业金融大数据平台”入选省级大数据产业发展试点示范项目',
    introduction: '搭建数据与信用的桥梁，助力江苏大数据产业集群持续升',
    time: '2023-05-04',
  },
]
</script>

<style lang="scss" scoped></style>
